/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require jquery-ui
 *= require application
 *= require scaffold
 *= require screen
 *= require anythingslider/anythingslider
 *= require multiselect/jquery.multiselect
 */

.form_text_field {
    font-size: 16px;
    width:15;
    font-weight: bold;
}
.form_text_field_label {
    font-size: 16px;
    width: 15;
}
.form_text_field_label_fieldset {
    font-size: 16px;
    width: 15;
    vertical-align: top;

}
.form_text_field_latlng{
    font-size: 16px;
    width:250px;
    font-weight: bold;
}
#objective-users ol li {
    margin-left: 20px;
}


.infowindow
{
    font-size:24px;
    width: 250px;
    font-family:Arial, Helvetica, sans-serif;
}

.grid-infowindow{

    width: 286px;
    vertical-align: baseline;
}

.grid-infowindow h2 {
    border-bottom: 1px solid #AAAAAA;
    font-size: 120%;
    margin-bottom: 0.5em;
}

/* ----- cartasur ----- */
.form_text_field_protocol{
    font-size: 16px;
    width: 600px;
    font-weight: bold;
}
/* track list page, the info text */
.track-list-text{
    font-size: 11px;
    color: #777777
}

/* rounded corners div */
.rounded_corners_div{
    border:1px solid #b1b1b1;
    padding:10px;
    background: #e9e9e9;

    border-radius:8px;
}
.cartasur_question_span{
    font-weight: bold;
}
.cartasur_answer_span{

}

/* visited summary table */
.visited_summary_details_table{
    table-layout: fixed;
    width: 100%;
}

/* gallery display */
.flexslider {
    display: block;
}

.flexslider ul { list-style: none; }

.flexslider ul li { display: inline; }

.flexslider ul li a {
    display: block;
    float: left;
    padding: 4px;
    margin-right: 10px;
    margin-bottom: 7px;
    opacity: 0.75;
}
.flexslider ul li a:hover {
    opacity: 1.0;
}

.flexslider ul li a img {
    border: 1px solid #0b9c2a;
    border-radius:5px;
    width: 100px;
    height:100px;
}

